<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/comms.css" />
    <link rel="stylesheet" href="./css/home.css" />
    <title>首页</title>
  </head>
  <body>
    <!-- 头部 -->
    <header id="header">
      <div class="center">
        <a href="#">首页</a>
        <div class="br">|</div>
        <div>
          请 &nbsp;&nbsp; <a href="/login">登录</a>
          <div class="br">或</div>
          <a href="/reg">前往注册</a>
        </div>
      </div>
    </header>
    <div class="search">
      <div class="logo"><img src="./img/logo.png" alt="" /></div>
      <div class="search-right">
        <div class="search-input">
          <input type="text" />
          <a href="/search.html">
            <div class="look">
              <img src="./img/search.png" alt="" />
            </div>
          </a>
        </div>
        <div class="buyer"><img src="./img/buyer.png" alt="" />购物车</div>
      </div>
    </div>
    <div class="nav">
      <a href="/home.html" class="active">首页</a>
      <a href="/class.html">特产分类</a>
      <a href="/news.html">产品新闻</a>
      <a href="/promotion.html">推广销售</a>
      <a href="/personal.html">个人中心</a>
    </div>
    <div id="home">
      <div class="banner">
        <img src="./img/蒙版组 1.png" alt="" />
      </div>
      <div class="news">
        <div class="news-left">
          <div class="shop-list">
            <div class="cover">
              <img src="./img/蒙版组 2.png" alt="" />
            </div>
            <div class="title">
              干百合片500g新鲜食用兰州干货甜龙牙鲜白合不特级野生天然无硫 山臻
            </div>
            <div class="info">
              <div class="price">￥ 99/盒</div>
              <div class="ck">推 ￥11.00</div>
            </div>
          </div>
          <div class="shop-list">
            <div class="cover">
              <img src="./img/蒙版组 2.png" alt="" />
            </div>
            <div class="title">
              干百合片500g新鲜食用兰州干货甜龙牙鲜白合不特级野生天然无硫 山臻
            </div>
            <div class="info">
              <div class="price">￥ 99/盒</div>
              <div class="ck">推 ￥11.00</div>
            </div>
          </div>
        </div>
        <div class="news-right">
          <div class="title">
            产品新闻
            <div class="more">更多>></div>
          </div>
          <div class="new-list">
            <a href="#">软儿梨是一种晚熟梨，为甘肃省众多的梨品的梨品的梨品</a>
          </div>
          <div class="new-list">
            <a href="#">兰州黑瓜子主要产于兰州郊区及皋兰、永登...</a>
          </div>
          <div class="new-list">
            <a href="#">永登苦水玫瑰是甘肃省兰州市永永登苦水玫...</a>
          </div>
          <div class="new-list">
            <a href="#">安宁白凤桃是甘肃省兰州市安宁区的地方特...</a>
          </div>
          <div class="new-list">
            <a href="#">兰州刻葫芦与兰州牛肉面、羊皮筏子并称“...</a>
          </div>
          <div class="new-list">
            <a href="#">榆中大白菜是甘肃省兰州市榆中县的地方特...</a>
          </div>
          <div class="new-list">
            <a href="#">兰州水烟始于明末清初，盛于光绪年间，已...</a>
          </div>
          <div class="new-list">
            <a href="#">皋兰旱砂西瓜是甘肃省兰州市皋兰县的地方...</a>
          </div>
        </div>
      </div>
      <div class="shops">
        <div class="xxx">
          <div class="shops-left">
            <div class="title">商品分类</div>
            <div class="area-lists">
              <div class="area-list active">兰州市</div>
              <div class="area-list">临夏市</div>
              <div class="area-list">武威市</div>
              <div class="area-list">天水市</div>
              <div class="area-list">张掖市</div>
              <div class="area-list">平凉市</div>
              <div class="area-list">陇南市</div>
              <div class="area-list">庆阳市</div>
            </div>
          </div>
          <div class="shop-middle">
            <div class="shop">
              <div class="cover">
                <img src="./img/蒙版组 33.png" alt="" />
              </div>
              <div class="title">
                干百合片500g新鲜食用兰州干货甜龙牙鲜白合不特级野生天然无硫
                山臻干百合片500g新鲜食用兰州干货甜龙牙鲜白合不特级野生天然无硫
                山臻
              </div>
              <div class="info">
                <div class="price">￥ 26/只</div>
                <div class="ck">
                  推
                  <div class="num">￥5.00</div>
                </div>
              </div>
            </div>
            <div class="shop">
              <div class="cover">
                <img src="./img/蒙版组 33.png" alt="" />
              </div>
              <div class="title">
                干百合片500g新鲜食用兰州干货甜龙牙鲜白合不特级野生天然无硫
                山臻干百合片500g新鲜食用兰州干货甜龙牙鲜白合不特级野生天然无硫
                山臻
              </div>
              <div class="info">
                <div class="price">￥ 26/只</div>
                <div class="ck">
                  推
                  <div class="num">￥5.00</div>
                </div>
              </div>
            </div>
            <div class="shop">
              <div class="cover">
                <img src="./img/蒙版组 33.png" alt="" />
              </div>
              <div class="title">
                干百合片500g新鲜食用兰州干货甜龙牙鲜白合不特级野生天然无硫
                山臻干百合片500g新鲜食用兰州干货甜龙牙鲜白合不特级野生天然无硫
                山臻
              </div>
              <div class="info">
                <div class="price">￥ 26/只</div>
                <div class="ck">
                  推
                  <div class="num">￥5.00</div>
                </div>
              </div>
            </div>
            <div class="shop">
              <div class="cover">
                <img src="./img/蒙版组 33.png" alt="" />
              </div>
              <div class="title">
                干百合片500g新鲜食用兰州干货甜龙牙鲜白合不特级野生天然无硫
                山臻干百合片500g新鲜食用兰州干货甜龙牙鲜白合不特级野生天然无硫
                山臻
              </div>
              <div class="info">
                <div class="price">￥ 26/只</div>
                <div class="ck">
                  推
                  <div class="num">￥5.00</div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="shop-right">
          <div class="title">最新热推</div>
          <div class="shops">
            <div class="shop-list">
              <div class="cover"></div>
              <div class="info">
                <div class="name">静宁烧鸡</div>
                <div class="ck">
                  推
                  <div class="num">¥5.00</div>
                </div>
              </div>
            </div>
            <div class="shop-list">
              <div class="cover"></div>
              <div class="info">
                <div class="name">平川山羊肉</div>
                <div class="ck">
                  推
                  <div class="num">¥9.99</div>
                </div>
              </div>
            </div>
            <div class="shop-list">
              <div class="cover"></div>
              <div class="info">
                <div class="name">天祝白牦牛</div>
                <div class="ck">
                  推
                  <div class="num">¥50.00</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
